<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/banner.css" />
<div id="slider">
	<ul class="slieder-item-container">
		<li><a href="#"><img src="indeximg/banner1.jpg" /></a></li>
		<li><a href="#"><img src="indeximg/banner2.jpg" /></a></li>
		<li><a href="#"><img src="indeximg/banner3.jpg" /></a></li>
		<li><a href="#"><img src="indeximg/banner4.jpg" /></a></li>
		<li><a href="#"><img src="indeximg/banner5.jpg" /></a></li>
		<li><a href="#"><img src="indeximg/banner6.jpg" /></a></li>
	</ul>
	<div class="arrow-container">
		<span class="left-arrow">&lt;</span>
		<span class="right-arrow">&gt;</span>
	</div>
	<div class="indicator-container">
		<span class="indicator active">1</span>
		<span class="indicator">2</span>
		<span class="indicator">3</span>
		<span class="indicator">4</span>
		<span class="indicator">5</span>
		<span class="indicator">6</span>
	</div>
</div>
